* {margin: 0px;padding: 0px;}
        .content {
            height: 450px;
            background-image: url(../images/banner.png);
            background-size: cover;
        }
        .box {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        .header {
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            height: 100px;
            position: relative;
        }
        .footer {
            margin-left: auto;
            margin-right: auto;
        }
        .header-content {
            display: flex;
            position: absolute;
            bottom: 20px;
            left: -65px;
        }
        .header-left {
            width: 49px;
            height: 49px;
            margin-top: 10px;
            margin-right: 10px;
            background: url("../images/mi-logo.png");
            background-color: orangered;
        }
        .header-right{
            margin-top: 5px;
        }
        .p1 {
            font-size: 26px;
        }
        .p2 {
            font-size: 10px;
            color: #333;
        }

        .banner_box {
            height: 412px;
            width: 343px;
            background: white;
            position: absolute;
            right: 70px;
            margin-top: 18px;
        }

        .banner_box input {
            height: 40px;
            width: 300px;
            margin-top: 20px;
            margin-left: 20px;
            font-size: 15px;
        }

        input{
            outline: none;
            text-indent: 10px;
        }

        .zhanghao {
            font-size: 12px;
            float: right;
            margin-right: 96px;
            margin-top: 20px;
            word-spacing: 5px;
            text-align: center;
        }

        fieldset{
            width: 310px;
            color: rgb(172, 167, 167);
            border: none;
            border-top: 1px solid rgb(172, 167, 167);
            text-align: center;
            margin-left: 17px;
            margin-top: 80px;
        }
        .down{
            text-align: center;
            font-size: 10px;
            color: rgb(172, 167, 167);
            border: none;
            margin-bottom: 15px;
        }

        .dl {
            display: inline-block;
            margin-top: 30px;
            margin: auto;
            margin-left: 66px;
            font-size: 22px;
            color: orangered;
            margin-right: 15px;
        }

        .bysaoma {
            display: inline-block;
            margin-top: 30px;
            font-size: 22px;
            margin-left: 15px;
            color: #333;
        }

        .y_zc {
            font-size: 11px;
            float: left;
            margin-top: 10px;
            margin-left: 18px;
        }

        .icons{
            overflow: hidden;
            margin-top: 30px;
            margin-left: 55px;
        }
        .icons span{
            display: inline-block;
            position:absolute;
            margin:auto;
            padding-top: 5px;
            width:18px;
            height:18px;
            left:0;
            right:0;
            bottom:0;
            background:url(../images/icons_type.png) no-repeat ;
        }
        a{
            text-decoration: none;
        }
        .icons a{
            overflow: hidden;
            margin-bottom: 30px;
            margin-left: 20px;
            position: relative;
            display: inline-block;
            width:30px;
            height:30px;
            background:#333;
            border-radius: 50%;
        }
        .icons .one{background-position: -20px 0}
        .icons .two{background-position: -38px 0}
        .icons .three{background-position: -57px 0}
        .icons .four{background-position: -84px 0;width:24px;}

        .qita {
            height: 30px;
            width: 400px;
            margin: 30px auto;
            position: absolute;
            bottom: 13px;
        }

        .zhdl {
            visibility: visible;
        }

        .smdl {
            visibility: hidden;
            position: absolute;
            width: 230px;
            top: 215px;
            right: 108px;
        }
        .smdl.sao{
            margin-top: -76px;
            margin-left: 60px;
        }
        .smdl .qita{
            width: 305px;
            height: 305px;
        }
        .smdl span {
            color: rgb(255, 107, 6);
        }

        .smdl>.shezhi {
            margin-top: 5px;
            font-size: 10px;
            text-align: center;
        }
        .p3{
            text-indent: -27px;
        }
        .p4{
            text-indent: -34px;
        }
        .footer-content {
            height: 40px;
            line-height: 40px;
            font-size: 15px;
        }
        .bottom1 {
            text-align: center;
            word-spacing: 10px;
            color: rgb(172, 167, 167);
            margin-top: 30px;
        }
        .bottom2 {
            text-align: center;
            color: rgb(172, 167, 167);
        }